<template lang="">
    <div>
        <Student></Student>
        <!-- 在vue cli 下 ，可以这么写 -->
        <Student/>
        <Student/>
        <hr>
        <School ref="sch1"></School>
        <h2 ref="title">起飞</h2>
        <button @click="showMsg" >显示下ref下输出的this</button>
    </div>
</template>
<script>
    import Student from './components/Student.vue'
    import School from './components/School.vue'

    export default {
        name:'App',
        components:{
            Student,
            School
        },
        methods: {
            showMsg(){
                //正常情况下可以通过document.getElementbyId来实现获取ID ，
                //现在不一样尽量通过vue来找到ID元素，id属性可以通过ref来指定，这样就可以通过Vue.$refs 或者 VueComponent.$ref 来找到对应的ID元素
                console.log(this.$refs);
            }
        },
    }
</script>
<style>
</style>